<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
<ui:composition template="/templates/Plantilla.xhtml">
 <ui:define name="content">			
  <h:form id="form">
    <h3>
    	<h:outputText value = "#{sujetoEmpresaVisita.titulo}"/>
	</h3>
	<p:separator/>
  	<p:panel>
  		<h:outputText value = "Sucursal Seleccionada"/>
  		<p:separator/>
  		<h:panelGrid columns = "2">
  		
  			<h:outputText value ="CODIGO DE SUCURSAL: " class = "negrita"></h:outputText>
  			<h:outputText value = "#{sujetoEmpresaVisita.sujeto.sujetoId}-#{sujetoEmpresaVisita.sucursal.numeroSucursal}"></h:outputText>

  			
  			<h:outputText value ="TIPO DE CLIENTE: " class = "negrita"></h:outputText>
  			<h:outputText value = "#{sujetoEmpresaVisita.sujeto.tipoCliente.nombre}"></h:outputText>
								   	  			
  			<h:outputText value="APELLIDO Y NOMBRE: " class = "negrita"/>
  			<h:outputText value = "#{sujetoEmpresaVisita.sucursal.apellido}, #{sujetoEmpresaVisita.sucursal.nombre}"/>
  			
  			<h:outputText value="APODO - ALIAS: " class = "negrita"/>
  			<h:outputText value = "#{sujetoEmpresaVisita.sucursal.alias}"/>
  			
  			<h:outputText value="DOMICILIO:" class = "negrita"/>
  			<h:outputText value = "#{sujetoEmpresaVisita.sucursal.domicilioCompleto}"/>
  		</h:panelGrid>
  		
  	</p:panel>
  	
  	<br></br>
  	<h:outputText value="Cargar Reparto y Frecuencia"/>
  	<p:separator/>
  	<p:panel>
		<h:panelGrid columns="2">
			<h:outputText value="Reparto: *"/>
			<p:selectOneMenu value="#{sujetoEmpresaVisita.visita.reparto.repartoId}" effect="fade">  
	            <f:selectItem itemLabel="Seleccione un Reparto..." itemValue="" />  
	            <f:selectItems value="#{selectOneMany.getRepartos()}" var="reparto" 
					itemLabel="#{reparto.nombre}" 
					itemValue="#{reparto.repartoId}"></f:selectItems>  
	        </p:selectOneMenu>
			
			<h:outputText id="lblVisita" value="Dia de visita: *"/>
			<p:selectManyCheckbox value="#{sujetoEmpresaVisita.diasSeleccionados}">  
	            <f:selectItems value="#{selectOneMany.getDiasSemanales()}" />  
	        </p:selectManyCheckbox>
	                  
		</h:panelGrid>
	</p:panel>
	
	<p:panel style="text-align: center">

		<p:commandButton value="Guardar" action="#{sujetoEmpresaVisita.guardarVisita}" ajax = "false"
			title="Guardar Visita"/>
		<p:commandButton value = "Salir" action = "#{sujetoEmpresaVisita.btnSalir()}"
			immediate = "true"></p:commandButton>
	</p:panel>
	
  </h:form>        	        	        	        
  </ui:define>
</ui:composition>
	
</h:body>
</html>